<template>
  <div class="main">
    <div class="bn">
      <el-button type="primary"
                 @click="handelOperator()">添加规则</el-button>
    </div>
    <openDialog ref="open"></openDialog>
    <tableList class="tab"
               ref="tab"></tableList>

  </div>
</template>

<script>
import { queryList } from '@/api/rule'
import tableList from "./component/tableList.vue";
import openDialog from "./component/openDialog.vue";
export default {
  data () {
    return {
      queryRule: {
        type: "COUPON",
        page: 1,
        size: 5
      }
    }
  },
  components: {
    tableList,
    openDialog
  },
  created () {

  },
  methods: {
    handelOperator () {
      this.$refs.open.open();
    }
  }
}
</script>

<style lang="scss" scoped>
.main {
  padding: 20px;
}
.bn {
}
.tab {
  margin-top: 20px;
}
</style>